import React from 'react'
import ReactDOM from 'react-dom/client'
import 'reset-css'   // 使用插件，清空默认样式
// 全局样式
import '@/assets/styles/global.scss'

import App from './App.tsx'
// import Router from './router'  // 路由普通用法
import { BrowserRouter } from "react-router-dom";  // 路由表用法

// 状态管理 store
import { Provider } from 'react-redux'
import store from '@/store/index.ts'

ReactDOM.createRoot(document.getElementById('root')!).render(
  <Provider store={store}>
    {/* React.StrictMode：严格模式，在开发环境中组件加载两次，生成模式不会 */}
    <React.StrictMode>
      {/* 不使用路由 */}
      {/* <App /> */}

      {/* 路由普通用法 */}
      {/* <Router></Router> */}

      {/* 路由表用法 */}
      <BrowserRouter>
        <App />
      </BrowserRouter>
    </React.StrictMode>
  </Provider>

)
